// 获取ul标签
var ulList=document.querySelector(".wwh-lecture-left-bottom ul")

ajax({
  // 请求方式
  method: "get",
  // 请求地址
  url: `https://www.jsteels.com:9088/jz/portal/vlist/list/1/10`,
  // 异步同步
  async: true,
  // 转嘀的参数
  data: {},
  // 请求头
  contentType: "",
  // 成功的回调函数
  success: function (res) {
    var obj = JSON.parse(res)
    console.log(obj);
    // 遍历
    for (var i = 0; i < obj.list.length; i++) {
      ulList.innerHTML += `
          <li onclick="lecture(${obj.list[i].id})">
            <span>${obj.list[i].title}</span>
            <span>${obj.list[i].createDate}</span>
          </li>
        `
    }
  },
  // 失败的回调函数
  error: function (err) {
    console.log(err);
  }
})

ajax({
  // 请求方式
  method: "get",
  // 请求地址
  url: `https://www.jsteels.com:9088/jz/portal/vlist/listt/1/4`,
  // 异步同步
  async: true,
  // 转嘀的参数
  data: {},
  // 请求头
  contentType: "",
  // 成功的回调函数
  success: function (res) {
    var obj = JSON.parse(res)
    console.log(obj);
    // 获取ul
    ulRight=document.querySelector(".wwh-lecture-right ul")
    // 遍历
    for (var i = 0; i < obj.list.length; i++) {
      ulRight.innerHTML += `
        <li onclick="lecture(${obj.list[i].id})">
          <div>
            <img src="${obj.list[i].imgPath}" alt="">
          </div>
          <div>
            <img src="	https://www.jsteels.com/_nuxt/img/%E7%9F%A9%E5%BD%A2@2x.8d3ae51.png">
          </div>
          <p>${obj.list[i].title}</p>
        </li>
        `
    }
  },
  // 失败的回调函数
  error: function (err) {
    console.log(err);
  }
})
// 跳转页面
function lecture(id) {
  location.href = `./details.html?id=${id}&from=视频讲座`
}